import React from "react";
import { useModalContext } from "./Modal.hooks";
import { StyledAction } from "./Modal.styled";

/**
 * @function Actions - Составной компонент действий для модального окна.
 * @param { React.FC<React.HTMLAttributes<HTMLDivElement>> } - Пропсы для компонента Action.
 * @returns  { React.ReactElement } - Компонент Action.
 */
const Actions: React.FC<React.HTMLAttributes<HTMLDivElement>> = (
    { children, ...nextProps }: React.HTMLAttributes<HTMLDivElement>
): React.ReactElement => {

    useModalContext();

    return (
        <StyledAction {...nextProps}>
            {children}
        </StyledAction>
    );
};

export default Actions;